import React from 'react';
import { ReactComponent as Frame } from '../assets/svg/icon_svg/Frame.svg';
import { ReactComponent as Frame1 } from '../assets/svg/icon_svg/Frame1.svg';
import { ReactComponent as Frame2 } from '../assets/svg/icon_svg/Frame2.svg';
import { ReactComponent as Frame3 } from '../assets/svg/icon_svg/Frame3.svg';
import { ReactComponent as Frame4 } from '../assets/svg/icon_svg/Frame4.svg';
import { ReactComponent as Frame5 } from '../assets/svg/icon_svg/Frame5.svg';
import { ReactComponent as Frame6 } from '../assets/svg/icon_svg/Frame6.svg';
import { ReactComponent as Frame7 } from '../assets/svg/icon_svg/Frame7.svg';
import { ReactComponent as Group } from '../assets/svg/icon_svg/Group.svg';
import { ReactComponent as Group1 } from '../assets/svg/icon_svg/Group1.svg';
import { ReactComponent as Group10 } from '../assets/svg/icon_svg/Group10.svg';
import { ReactComponent as Group11 } from '../assets/svg/icon_svg/Group11.svg';
import { ReactComponent as Group12 } from '../assets/svg/icon_svg/Group12.svg';
import { ReactComponent as Group13 } from '../assets/svg/icon_svg/Group13.svg';
import { ReactComponent as Group14 } from '../assets/svg/icon_svg/Group14.svg';
import { ReactComponent as Group15 } from '../assets/svg/icon_svg/Group15.svg';
import { ReactComponent as Group16 } from '../assets/svg/icon_svg/Group16.svg';
import { ReactComponent as Group17 } from '../assets/svg/icon_svg/Group17.svg';
import { ReactComponent as Group18 } from '../assets/svg/icon_svg/Group18.svg';
import { ReactComponent as Group19 } from '../assets/svg/icon_svg/Group19.svg';
import { ReactComponent as Group2 } from '../assets/svg/icon_svg/Group2.svg';
import { ReactComponent as Group20 } from '../assets/svg/icon_svg/Group20.svg';
import { ReactComponent as Group21 } from '../assets/svg/icon_svg/Group21.svg';
import { ReactComponent as Group22 } from '../assets/svg/icon_svg/Group22.svg';
import { ReactComponent as Group23 } from '../assets/svg/icon_svg/Group23.svg';
import { ReactComponent as Group24 } from '../assets/svg/icon_svg/Group24.svg';
import { ReactComponent as Group25 } from '../assets/svg/icon_svg/Group25.svg';
import { ReactComponent as Group26 } from '../assets/svg/icon_svg/Group26.svg';
import { ReactComponent as Group27 } from '../assets/svg/icon_svg/Group27.svg';
import { ReactComponent as Group28 } from '../assets/svg/icon_svg/Group28.svg';
import { ReactComponent as Group29 } from '../assets/svg/icon_svg/Group29.svg';
import { ReactComponent as Group3 } from '../assets/svg/icon_svg/Group3.svg';
import { ReactComponent as Group30 } from '../assets/svg/icon_svg/Group30.svg';
import { ReactComponent as Group31 } from '../assets/svg/icon_svg/Group31.svg';
import { ReactComponent as Group32 } from '../assets/svg/icon_svg/Group32.svg';
import { ReactComponent as Group33 } from '../assets/svg/icon_svg/Group33.svg';
import { ReactComponent as Group34 } from '../assets/svg/icon_svg/Group34.svg';
import { ReactComponent as Group35 } from '../assets/svg/icon_svg/Group35.svg';
import { ReactComponent as Group36 } from '../assets/svg/icon_svg/Group36.svg';
import { ReactComponent as Group37 } from '../assets/svg/icon_svg/Group37.svg';
import { ReactComponent as Group38 } from '../assets/svg/icon_svg/Group38.svg';
import { ReactComponent as Group39 } from '../assets/svg/icon_svg/Group39.svg';
import { ReactComponent as Group4 } from '../assets/svg/icon_svg/Group4.svg';
import { ReactComponent as Group40 } from '../assets/svg/icon_svg/Group40.svg';
import { ReactComponent as Group41 } from '../assets/svg/icon_svg/Group41.svg';
import { ReactComponent as Group42 } from '../assets/svg/icon_svg/Group42.svg';
import { ReactComponent as Group43 } from '../assets/svg/icon_svg/Group43.svg';
import { ReactComponent as Group44 } from '../assets/svg/icon_svg/Group44.svg';
import { ReactComponent as Group45 } from '../assets/svg/icon_svg/Group45.svg';
import { ReactComponent as Group46 } from '../assets/svg/icon_svg/Group46.svg';
import { ReactComponent as Group47 } from '../assets/svg/icon_svg/Group47.svg';
import { ReactComponent as Group48 } from '../assets/svg/icon_svg/Group48.svg';
import { ReactComponent as Group49 } from '../assets/svg/icon_svg/Group49.svg';
import { ReactComponent as Group5 } from '../assets/svg/icon_svg/Group5.svg';
import { ReactComponent as Group50 } from '../assets/svg/icon_svg/Group50.svg';
import { ReactComponent as Group51 } from '../assets/svg/icon_svg/Group51.svg';
import { ReactComponent as Group52 } from '../assets/svg/icon_svg/Group52.svg';
import { ReactComponent as Group53 } from '../assets/svg/icon_svg/Group53.svg';
import { ReactComponent as Group54 } from '../assets/svg/icon_svg/Group54.svg';
import { ReactComponent as Group55 } from '../assets/svg/icon_svg/Group55.svg';
import { ReactComponent as Group56 } from '../assets/svg/icon_svg/Group56.svg';
import { ReactComponent as Group57 } from '../assets/svg/icon_svg/Group57.svg';
import { ReactComponent as Group58 } from '../assets/svg/icon_svg/Group58.svg';
import { ReactComponent as Group59 } from '../assets/svg/icon_svg/Group59.svg';
import { ReactComponent as Group6 } from '../assets/svg/icon_svg/Group6.svg';
import { ReactComponent as Group60 } from '../assets/svg/icon_svg/Group60.svg';
import { ReactComponent as Group61 } from '../assets/svg/icon_svg/Group61.svg';
import { ReactComponent as Group62 } from '../assets/svg/icon_svg/Group62.svg';
import { ReactComponent as Group63 } from '../assets/svg/icon_svg/Group63.svg';
import { ReactComponent as Group64 } from '../assets/svg/icon_svg/Group64.svg';
import { ReactComponent as Group65 } from '../assets/svg/icon_svg/Group65.svg';
import { ReactComponent as Group66 } from '../assets/svg/icon_svg/Group66.svg';
import { ReactComponent as Group67 } from '../assets/svg/icon_svg/Group67.svg';
import { ReactComponent as Group68 } from '../assets/svg/icon_svg/Group68.svg';
import { ReactComponent as Group69 } from '../assets/svg/icon_svg/Group69.svg';
import { ReactComponent as Group7 } from '../assets/svg/icon_svg/Group7.svg';
import { ReactComponent as Group70 } from '../assets/svg/icon_svg/Group70.svg';
import { ReactComponent as Group71 } from '../assets/svg/icon_svg/Group71.svg';
import { ReactComponent as Group72 } from '../assets/svg/icon_svg/Group72.svg';
import { ReactComponent as Group73 } from '../assets/svg/icon_svg/Group73.svg';
import { ReactComponent as Group74 } from '../assets/svg/icon_svg/Group74.svg';
import { ReactComponent as Group75 } from '../assets/svg/icon_svg/Group75.svg';
import { ReactComponent as Group76 } from '../assets/svg/icon_svg/Group76.svg';
import { ReactComponent as Group77 } from '../assets/svg/icon_svg/Group77.svg';
import { ReactComponent as Group78 } from '../assets/svg/icon_svg/Group78.svg';
import { ReactComponent as Group79 } from '../assets/svg/icon_svg/Group79.svg';
import { ReactComponent as Group8 } from '../assets/svg/icon_svg/Group8.svg';
import { ReactComponent as Group80 } from '../assets/svg/icon_svg/Group80.svg';
import { ReactComponent as Group81 } from '../assets/svg/icon_svg/Group81.svg';
import { ReactComponent as Group82 } from '../assets/svg/icon_svg/Group82.svg';
import { ReactComponent as Group83 } from '../assets/svg/icon_svg/Group83.svg';
import { ReactComponent as Group84 } from '../assets/svg/icon_svg/Group84.svg';
import { ReactComponent as Group85 } from '../assets/svg/icon_svg/Group85.svg';
import { ReactComponent as Group9 } from '../assets/svg/icon_svg/Group9.svg';
import { ReactComponent as Union } from '../assets/svg/icon_svg/Union.svg';
const SvgIcon = (width, color) => {
  const icons = [Frame, Frame1, Frame2, Frame3, Frame4, Frame5, Frame6, Frame7, Group, Group1, Group10, Group11, Group12, Group13, Group14, Group15, Group16, Group17, Group18, Group19, Group2, Group20, Group21, Group22, Group23, Group24, Group25, Group26, Group27, Group28, Group29, Group3, Group30, Group31, Group32, Group33, Group34, Group35, Group36, Group37, Group38, Group39, Group4, Group40, Group41, Group42, Group43, Group44, Group45, Group46, Group47, Group48, Group49, Group5, Group50, Group51, Group52, Group53, Group54, Group55, Group56, Group57, Group58, Group59, Group6, Group60, Group61, Group62, Group63, Group64, Group65, Group66, Group67, Group68, Group69, Group7, Group70, Group71, Group72, Group73, Group74, Group75, Group76, Group77, Group78, Group79, Group8, Group80, Group81, Group82, Group83, Group84, Group85, Group9, Union];
  let arr = []
  arr = icons.map((Component, index) => <Component className={color === "dark" ? "svgicon" : "svgicon_dark"} key={index} style={{width:width,height:width}}/>)
  return arr
};

export {
  SvgIcon,
}